<template>
	<!-- 详情数据 -->
	<view class="configure_box">
		<text class="configure_title">商品参数</text>
		<u-cell-group :border="false">
			<u-cell  title="排量" :border="false" :value="details.displacement"></u-cell>
			<u-cell  title="座位数"  :border="false" :value="details.seating"></u-cell>
			<u-cell  title="驱动方式" :border="false" :value="filtersDrive(details.drive)"></u-cell>
			<u-cell  title="级别" :border="false" :value="details.level_info"></u-cell>
			<u-cell  title="长度（mm）" :border="false" :value="details.length"></u-cell>
			<u-cell  title="宽度（mm）" :border="false" :value="details.width"></u-cell>
			<u-cell  title="高度"  :border="false" :value="details.height"></u-cell>
			<u-cell  title="轴距（mm）" :border="false" :value="details.wheelbase"></u-cell>
			<u-cell  title="最高车速KM/H"  :border="false" :value="details.highest_km"></u-cell>
			<u-cell  title="油箱容积L" :border="false" :value="details.tank"></u-cell>
			<u-cell  title="气缸数（个）" :border="false":value="details.cylinder"></u-cell>
			<u-cell  title="发动机型号" :border="false" :value="details.engine_type"></u-cell>
			<u-cell  title="最大马力（ps）" :border="false"  :value="details.horsepower"></u-cell>
			<u-cell  title="最大功率（kw）" :border="false"  :value="details.power"></u-cell>
			<u-cell  title="最大功率转速(rpm)"  :border="false" :value="details.speed"></u-cell>
			<u-cell  title="最大扭矩(N·m)"  :border="false" :value="details.torque"></u-cell>
			<u-cell  title="最大扭矩转速(rpm)"  :border="false" :value="details.torque_speed"></u-cell>
			<u-cell  title="油耗"  :border="false" :value="details.oil_wear"></u-cell>
		</u-cell-group>
	</view>
</template>

<script>
	export default {
		props: {
			details: {
				type: Object,
				default () {
					return {}
				}
			}
		},
		methods:{
			filtersDrive(type){
				switch (type){
					case 0:
					return '前驱'
						break;
					case 1:
						return '后驱'
					case 2:
						return '四驱'
					default:
						return '-'
				}
				
			}
		},
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss" scoped>
	.configure_box {
		margin: 36upx auto;
		border-bottom: 1upx solid #e6e6e6;
		padding-bottom: 42upx;

		.configure_title {
			padding:0 30upx ;
			display: block;
			font-size: 32upx;
			font-weight: 800;
			color: #3e3e3e;
		}
	}
</style>
